* {
    margin: 0;
    padding: 0;
}

.html, body {
    background: #fff;
}

.homefooda {
    width: 100%;
    height: 1.2rem;
    background-image: url(../images/bluewhitebg.png);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.homefooda_inner {
    width: 0.6rem;
}

.homefooda_inner_img {
    border-radius: 50%;
    width: 0.6rem;
    height: 0.6rem;
    box-shadow: 0 0 0.01rem 0.01rem gainsboro;
    background: white;
    box-sizing: border-box;
    padding: 0.15rem;
}

.homefooda_inner_img > img {
    display: block;
    width: 100%;
    height: 100%;
}

.homefooda_inner_txt {
    text-align: center;
    box-sizing: border-box;
    padding: 0.05rem 0;
    font-size: 0.12rem;
}

.homefoodb {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.1rem;
    overflow: hidden;
}

.homefoodb > img {
    display: block;
    width: 100%;
}

.homefoodc {
    width: 100%;
    height: 0.4rem;
    box-sizing: border-box;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}

.homefoodc_cheak {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: white;
}

.homefoodc_inner {
    width: 25%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #666;
    font-size: 0.12rem;
}
.homefoodc_inner>div{
	max-width: 80%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.homefoodc_inner > img {
    display: block;
    width: 0.1rem;
    margin-left: 0.03rem;
}

.homefoodd {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    box-sizing: border-box;
    padding-top: 0.4rem;
}

.homefoodd_inner {
    width: 100%;
    height: 70%;
    background: white;
    display: none;
}

.homefoodd_inner_left {
    width: 30%;
    height: 100%;
    overflow-y: auto;
    background: #F1F1F1;
}

.hil_inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem;
    font-size: 0.12rem;
}

.hil_inner2 {
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem;
    font-size: 0.12rem;
}

.hili_cheak {
    background: white;
    color: #218ff9;
}

.hili_cheak2 {
    background: white;
    color: #218ff9;
}

.homefoodd_inner_right {
    width: 70%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0.1rem;
    overflow-y: auto;
}

.hir_a {
    font-size: 0.12rem;
    width: 100%;
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
    padding: 0.1rem 0;
}

.hir_a2 {
    font-size: 0.12rem;
    width: 100%;
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
    padding: 0.1rem 0;
}

.hir_a2_chaek {
    color: #007AFF;
}

.hir_b {
    font-size: 0.12rem;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0.1rem;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
}

.hir_b_title {
    font-size: 0.12rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0;
}

.hir_b_content {
    box-sizing: border-box;
}

.hbc_inner {
    width: 32%;
    float: left;
    background: #f0f0f0;
    color: #999;
    font-size: 0.12rem;
    margin-bottom: 0.05rem;
    text-align: center;
    box-sizing: border-box;
    padding: 0.05rem 0;
}

.hbc_inner:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
}

.hi3_inner {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 0.1rem;
    overflow-y: auto;
}

.hi3i_inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0;
    font-size: 0.12rem;
    border-bottom: 1px solid #ddd;
}

.hi3i_inner_cheak {
    color: #007AFF;
}

.hi4_inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    font-size: 0.12rem;
}

.hi3i_inner1 {
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem;
}

.hi3i_inner2 {
    width: 100%;
    overflow: hidden;
}

.hii1 {
    width: 20%;
    float: left;
    margin-left: 4%;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
    padding: 0.05rem 0;
    border-radius: 4px;
}

.hii1_cheak {
    /*color: #007AFF;
    border: 1px solid #007AFF;*/
    color: white;
    background: #007AFF;
    border: 1px solid transparent;
}

.hii2 {
    width: 20%;
    float: left;
    margin-left: 4%;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
    padding: 0.05rem 0;
    border-radius: 4px;
}

.hii2_cheak {
    /*color: #007AFF;
    border: 1px solid #007AFF;*/
    color: white;
    background: #007AFF;
    border: 1px solid transparent;
}

.hii3 {
    width: 20%;
    float: left;
    margin-left: 4%;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
    padding: 0.05rem 0;
    border-radius: 4px;
}

.hii3_cheak {
    /*color: #007AFF;
    border: 1px solid #007AFF;*/
    color: white;
    background: #007AFF;
    border: 1px solid transparent;
}

.homefoodd_btn {
    width: 100%;
    height: 0.4rem;
    background: white;
    display: none;
    font-size: 0.14rem;
    border-top: 1px solid #ddd;
}

.hbtn_reset {
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 0.4rem;
    color: #007AFF;
}

.hbtn_sure {
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 0.4rem;
    color: #fff;
    background: #007AFF;
}

.business-box {
    box-sizing: border-box;
    padding: .15rem .1rem;
}

.business-list {
    width: 100%;
    margin-bottom: .2rem;
}

.business-img {
    float: left;
    width: 35%;
    height: .7rem;
}

.business-img img {
    width: 100%;
    height: 100%;
}

.business-com {
    width: 65%;
    height: .7rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    float: left;
    box-sizing: border-box;
    padding-left: .1rem;
    border-bottom: 1px solid #eee;
}

.com-time {
    font-size: .13rem;
    color: #999;
}

.com-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.storeName {
    font-weight: 600;
    max-width: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .14rem;
}

.group-table span {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 .02rem;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: .12rem;
}

span.j, span.t {
    border: 1px solid #ff472f;
    color: #ff472f;
}

span.x {
    border: 1px solid #72affb;
    color: #72affb;
}

.Popularity {
    display: inline-block;
    font-size: .12rem;
    color: #ff472f;
    position: relative;
}

.Popularity:before {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    background: url("../images/Popularity.png") no-repeat;
    background-size: 100% 100%;
}
.member {
	box-sizing: border-box;
	padding: 0.03rem 0.05rem;
    background: #D3E9FE;
    color: #2591F9;
    font-size: .12rem;
}